<div nz-row style="padding-top: 20px;" [nzGutter]="[12,24]">
  <div nz-col nzSpan="4" nzOffset="4">
    <nz-list [nzBordered]="true">
      <nz-list-item *ngFor="let item of data; let i = index" (click)="itemClick(item,i)"
        [ngClass]="{'select-itme':i==indexSelect}">
        <nz-avatar nzIcon="user" [nzSrc]="item.headUrl"></nz-avatar>
        {{item.name}}
      </nz-list-item>
    </nz-list>
  </div>
  <div nz-col nzSpan="12" nzOffset="0" style="margin-left: 10px;">
    <nz-card>
      <nz-descriptions nzTitle="个人介绍" *ngIf="indexData;else emptydata ">
        <nz-descriptions-item nzTitle="姓名">{{indexData.name}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="性别">{{indexData.sex}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="年龄">{{indexData.age}}</nz-descriptions-item>
        <nz-descriptions-item nzTitle="自我介绍">{{indexData.desc}}</nz-descriptions-item>
      </nz-descriptions>
    </nz-card>
  </div>
</div>

<ng-template #emptydata>
  <nz-empty nzNotFoundContent="没有数据请选择击卡片"></nz-empty> 
</ng-template>